<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0" />
		 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		 <link rel="stylesheet" href="layui/css/layui.css" />
		 <script type="text/javascript" src="js/jquery-1.8.0.min.js" ></script>
		 <script type="text/javascript" src="layui/layui.js" ></script>
		 
		<title>layui</title>
		<style>
			.logo
			{
			    position: absolute;
			    left: 10px;
			    top: 7px;
			    color: #fff;
			    font-size: 26px;
			}
			.show_hide
			{
			    margin-top:23px;
			    margin-left:235px;
			}
					
			
		</style>
	</head>
	<body>
		
	<div class="layui-layout layui-layout-admin">
			 <!--头部-->
        <div class="layui-header ymheader" style="background: #393d49;">
            <a href="javascript:" class="logo"><i class="layui-icon" style="font-size: 36px;">&#xe62e;</i>
                后台管理系统</a>
            <button class="layui-btn layui-btn-mini show_hide" title="隐藏/显示" onclick="javascript:ShowHiddenLeft()">
                〓</button>
            <ul class="layui-nav" style="float: right;">
                <li class="layui-nav-item layui-this"><a href="javascript:switchTo(1);">网站管理</a>
                </li>
                <li class="layui-nav-item "><a href="javascript:switchTo(2);">内容维护</a> </li>
                <li class="layui-nav-item "><a href="javascript:;" class="admin-header-user">
                    <img src="img/Head.jpg" width="40" height="40" class="layui-circle" />
                    <span>&nbsp;管理员</span></a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="#"><i class="layui-icon">&#xe612;</i>
                                管理员管理</a>
                        </dd>
                        <dd>
                            <a href="#"><i class="layui-icon">&#xe609;</i> 注销</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        
          <!--侧栏-->
        <div class="layui-side layui-bg-black" id="SiteSidebar">
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree" lay-filter="test" id="left1">
                    <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:ChangePage('list.jsp');"><i class="layui-icon">&#xe63a;</i> 网站信息设置</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('G_links.html');"><i class="layui-icon">&#xe64c;</i> 友情链接管理</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('G_slide.html');"><i class="layui-icon">&#xe634;</i> 幻灯片管理</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('messigeList.html');"><i class="layui-icon">&#xe611;</i>
                                    留言管理</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('G_recruitmentList.html');"><i class="layui-icon">&#xe60a;</i>
                                    管理在线招聘</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('G_recruitment2List.html');"><i class="layui-icon">&#xe621;</i>
                                    管理简历投递</a></dd>
                        </dl>
                    </li>
                </ul>
                <ul class="layui-nav layui-nav-tree" lay-filter="test" id="left2" style="display: none;">
                    <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">单页信息管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:ChangePage('G_single.html?id=1');"><i class="layui-icon">&#xe606;</i>
                                    关于我们</a></dd>
                            
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">信息管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:ChangePage('G_informationList.html?type=1&name=资质荣誉');"><i class="layui-icon">
                                    &#xe602;</i> 管理资质荣誉</a></dd>
                            
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">产品管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:ChangePage('G_productadd.html');"><i class="layui-icon">&#xe61f;</i>
                                    产品添加</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('G_productList.html');"><i class="layui-icon">&#xe631;</i>
                                    产品管理</a></dd>
                            <dd>
                                <a href="javascript:ChangePage('problemType.html');"><i class="layui-icon">&#xe62a;</i>
                                    产品分类管理</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <!--侧栏END-->
		

        <!--内容-->
       <div class="layui-body layui-tab-content" id="connn" style="bottom: 0px;">
	            <iframe src="indexPage.jsp" id="myiframe" style="height: 100%; width: 100%;" frameborder="no"
	                border="0" marginwidth="0" marginheight="0" scrolling="yes" allowtransparency="yes">
	            </iframe>
        </div>
        
        
		
		<!--
        	作者：467812367@qq.com
        	时间：2017-06-13
        	描述：footer
        -->
		<div class="layui-footer layui-larry-foot footer footer-demo" style="height:24px; text-align:center; padding-top:6px;" id="admin-footer">
			2017 © Background management system  kami </div>
		 
	</div>	



 

	</body>
  <script type="text/javascript">



        layui.use(['element', 'layer'], function () {
            var element = layui.element()
            , layer = layui.layer;
            if ($("#myiframe").css("height") == "150px") {
                $("#connn").css("height", "781px")
            }
        });
        //跳转iframe
        function ChangePage(strStr) {
            $("#myiframe").attr("src", strStr);
        }

        function switchTo(num) {
            $("[lay-filter='test']").hide();
            $("#left" + num).show();
        }
        function ShowHiddenLeft() {

            var sideWidth = $('#SiteSidebar').width();
            if (sideWidth === 200) {
                $('#connn').animate({
                    left: '0'
                });
                $('#SiteSidebar').animate({
                    width: '0'
                });
              $('#admin-footer').animate({
		        left: '0'
		      });
            } else {
                $('#connn').animate({
                    left: '200px'
                });
                $('#SiteSidebar').animate({
                    width: '200px'
                });
	          $('#admin-footer').animate({
		        left: '200px'
		      });
            }
            
//           $('#admin-footer').width("100%");
        }

    </script>
</html>
